<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, user-scalable=no"/>
<meta name="apple-mobile-webapp-status-bar-style" content="grey" />
<title>Sale Details - DealsAppalooza</title>
<!-- php loads html that links menu javascript and css files from menufiles.html --->
<?php 
$menufiles = file_get_contents("menufiles.html");
echo "$menufiles";
?>
<link href="index.css" rel="stylesheet" type="text/css">

<script language="javascript">

function compareSale(){
	this.location.href = "comparescreen.php";
}

function setup(){
	//This does not work work on it 
	var compareButton = document.getElementById("compareButton");	
	
	if (window.parent.document.title == 'Compare'){
		compareButton.style.visibility = 'hidden';
	}
	else{
		compareButton.style.visibility = 'visible';
	}
}

</script>


</HEAD>
<body onload="setup()">
<!-- php loads menu html from file --->
<?php 
$menuHTML = file_get_contents("menu.html");
echo "$menuHTML";
?>
<div class="title">Sale Details</div>
<br>

<div class="mainarea">
<input id="compareButton"  type="button" value="Compare with Other Stores" onclick="compareSale()" />
<br>
Sales details go here
<br>
<table class="buttontable">
<tr>
<td><input class="cancelbutton"  type="button" value="Close" onclick="javascript:history.go(-1)" /></td>
<td><input class="savebutton" type="button" value="Save" onclick="javascript:history.go(-1)" />   </td>
</tr>
</table>
</div>
</body>
</html>